/**
 * Breakpoints.
 * 
 * Set of variables to make media query easy.
 *
 * Available breakpoints are:
 *  - ``$bkpt-s`` : 20em (320px, given font size of 16px)
 *  - ``$bkpt-m`` : 50em (800px, given font size of 16px)
 *  - ``$bkpt-l`` : 90em (1440px, given font size of 16px)
 * Use it like an usual media-query.
 *
 * Examples:
 *  @media screen and (max-width: $bkpt-m) {}
 *  @media screen and (max-width: $bkpt-l) {}
 *  @media screen and (min-width: $bkp-s) and (max-width: $bkpt-m) {}
 *
 * Markup: breakpoints.hbs
 *
 * Style guide: base.breakpoints
 */
$bkpt-s: 20em;
$bkpt-m: 50em;
$bkpt-l: 90em;